<template>
  <div class="wrap">
    <List
      class="content"
      v-for="(v, i) in arr"
      :key="i * 3 + 10000"
      :arr="{ ...v.resources }"
    />
  </div>
</template>
<script>
import List from "./list.component.vue";
import { getlink } from "@/api/getlink";
export default {
  data() {
    return {
      arr: [],
    };
  },
  mounted() {
    getlink("/xpf/home").then((ok) => {
      this.arr = ok.data.data.blocks[2].creatives.slice(4);
    });
  },
  components: {
    List,
  },
};
</script>
<style lang="less" scoped>
.wrap {
  display: flex;
  overflow: auto;
  .content {
  }
}
</style>